<template>
    <div>
        <h1>父组件</h1>
        <HeaderCom>
            <template v-slot:header>
                <p>这是头部插槽的内容</p>
            </template>
        </HeaderCom>
        <FooterCom>
            <template v-slot:footer>
                <p>这是尾部插槽的内容</p>
            </template>
        </FooterCom>
    </div>
</template>

<script>
import FooterCom from './components/FooterCom.vue';
import HeaderCom from './components/HeaderCom.vue';
    export default{
        components:{
            HeaderCom,
            FooterCom
        }
    }
</script>

<style>
</style>